<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>答写作业</title>
		<link rel="stylesheet" href="../../css/mui.min.css" />
	</head>
	<style>
		body {
			background: white;
		}
		
		.headbar {
			background-color: #3ac9af;
		}
		
		.mui-icon {
			color: white;
		}
		
		.mui-title {
			color: white;
		}
		
		.mui-content {
			margin-top:10px;
			background: white;
		}
		
		.mui-icon.savebtnicon {
			height: 50px;
			width: 40px;
			background: url(../../images/task_7.png) no-repeat;
			background-size: 16px 16px;
			background-position: 0px 14px;
		}
		/*****题目****/
		
		.tasks .top {
			height: 44px;
			text-align: right;
			border-bottom: 1px solid #dddddd;
			white-space: nowrap;
            overflow-y: hidden;
		}
		
		.tasks .top .tihao {
			text-align: center;
			margin: 10px 10px 0px 0px;
			padding: 2px 0px 0px 0px;
			border-radius: 16px;
			border: 1px solid #fda649;
			height: 26px;
			width: 26px;
			background: white;
			display: inline-block;
			color: #fda649;
			font-size: 16px;
		}
		
		.tasks .top .tihao.act {
			background: #fda649;
			color: white;
		}
		.elist{
			word-break: break-all; word-wrap:break-word;
		}
		.task {
			display: none;
		}
		
		.task.act {
			display: block;
		}
		
		.task .task-content {
			margin: 8px 10px 7px 15px;
			color: #555555;
			font-size: 14px;
			line-height: 18px;
			border-bottom: 1px solid #dddddd;
		}
		
		.c2 {
			margin: 10px 0px 10px 0px;
		}
		
		.c2 .f1 {
			background: url(../../images/task_6.png) no-repeat;
			background-size: 13px 13px;
			background-position: 5px 5px;
			display: inline-block;
			font-size: 13px;
			color: #727272;
			padding: 0px 0px 0px 25px;
			width: 45%;
			overflow: hidden;
			margin: 0px 4px 2px 0px;
			background-color: #f9f9f9;
		}
		.f1 .delbtn{
			color:#8988cb;
			float:right;
			padding-right:5px;
		}
		.task-daan {
			font-size: 14px;
			padding: 0px 10px 8px 15px;
		}
		
		.task-daan .t1 {
			color: #2ab69d;
		}
		
		.task-daan .t2 {
			margin-top: 5px;
			color: #555555;
		}
		
		.task .task-jiexi {
			margin: 0px 15px 0px 15px;
			background: #fffbf7;
			border: 1px solid #ffd3a5;
			padding: 6px 10px 12px 10px
		}
		
		.task .task-jiexi .e1 {
			font-size: 14px;
			color: #2ab69d;
		}
		
		.task .task-jiexi .e2 {
			font-size: 14px;
			color: #555555;
		}
		
		.task .task-jiexi .e2 .ee2 {
			margin: 0px 2px 0px 10px;
			color: #2ab69d;
		}
		
		.task .task-jiexi .e3 {
			margin: 10px 0px 3px 0px;
			font-size: 14px;
			color: #2ab69d;
		}
		
		.task .task-jiexi .e4 {
			color: red;
			font-size: 14px;
		}
		
		.mui-bar.mui-bar-tab {
			background: white;
		}
		
		.footbtndiv {
			text-align: center;
			padding-top: 13px;
		}
		
		.footbtnspan {
			padding: 6px 18px 6px 18px;
			border: 1px solid #d5d5d5;
			border-radius: 3px;
			color: #ffb36e;
			font-size: 13px;
		}
		/****编辑答案*****/
		
		.editdiv {
			display: none;
			margin-top: 20px;
			padding: 10px 0px 0px 0px;
			border-top: 1px solid #c4c4c4;
		}
		
		.editdiv .e1 {
			padding: 0px 8px 0px 8px;
		}
		
		textarea {
			font-size: 14px;
		}
		.editdiv .e2{
			display: none1;
		}
		.addfilespan {
			padding: 2px 15px 2px 15px;
			border: 1px solid #ffb36e;
			color: #ffb36e;
			font-size: 13px;
			margin: 0px 0px 0px 10px;
		}
	</style>

	<body>
		<form>
			<input type="hidden" id="fTaskid">
			<input type="hidden" id="fTaskname">
			<input type="hidden" id="fTihao">
		</form>
		<header class="mui-bar mui-bar-nav headbar">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<a class="mui-icon mui-icon-paperplane mui-pull-right" id="tijiaotaskbtn"></a>
			<!--<a class="mui-icon savebtnicon mui-pull-right" id="savetaskbtn"></a>-->
			<h1 class="mui-title" id="tasknameh1"></h1>
		</header>
		<div class="mui-content">
			<!--答题start-->
			<div class="tasks" id="datihou">
				<!--题号start-->
				<div class="top" id="top1">
					<!--<span class="tihao tihao1 act" tihao="1">1</span>
					<span class="tihao tihao1" tihao="2">2</span>-->
				</div>
				<!--题号end-->
				<div class="elist" id="elist1">
					<!--
					<div class="task task1 act" id="task1_1">
						<div class="task-content">
							<div class="c1">这是题目内容,这是题目内容,这是题目内容,这是题目内容,这是题目内容,这是题目内容,这是题目内容,这是题目内容,这是题目内容,这是题目内容</div>
							<div class="c2">
								<span class="f1">已知问题.jpg</span>
								<span class="f1">已知问题.jpg</span>
								<span class="f1">已知问题.jpg</span>
							</div>
						</div>
						<div class="task-daan" id="task-daan_1">
							<div class="t1">答案:</div>
							<div class="t2">这是答案这是答案这是答案这是答案这是答案这是答案这是答案这是答案</div>
							<div class="c2">
								<span class="f1">已知问题.jpg</span>
								<span class="f1">已知问题.jpg</span>
								<span class="f1">已知问题.jpg</span>
							</div>
						</div>
					</div>
					<div class="task task1" id="task1_2">
						dd
					</div>
-->
				</div>
			</div>
			<!--答题start-->
			<!--编辑答案start-->
			<div class="editdiv" id="editdiv">
				<div class="e1">
					<textarea id="daancontent" rows="5" placeholder="请输入作业答案..."></textarea>
				</div>
				<div class="e2"><span class="addfilespan">+附件</span><span id="uploadfiles" class="c2"></span></div>
			</div>
			<!--编辑答案end-->
		</div>
		<nav class="mui-bar mui-bar-tab">
			<div class="footbtndiv"><span class="footbtnspan" id="footbtnspan" type="1">编辑答案</span></div>
		</nav>
	</body>
	<script type="text/javascript" src="../../js/mui.min.js"></script>
	<script src="../../js/fastclick.js"></script>
	<script src="../../script/config.js"></script>
	<script src="../../script/moocpublic.js"></script>
	<script src="../../js/DMobileFrame_DownLoadUtil.js"></script>
	<script src="script/taskreply.js"></script>

</html>